<!DOCTYPE HTML>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<th:block th:include="include :: datetimepicker-css" />
<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
		<form class="form-horizontal m" id="form-elevatorInfo-edit" th:object="${elevatorInfo}">
			<input id="elevatorId" name="elevatorId" th:field="*{elevatorId}"  type="hidden">
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>安装单位：</label>
				<div class="col-sm-6">
					<input id="installUnit"  placeholder="请输入安装单位" name="installUnit" th:field="*{installUnit}" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>安装日期：</label>
				<div class="col-sm-6">
					<div class="input-group date">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input id="installationDate" name="installationDate" th:field="*{installationDate}" type="text" class="form-control" placeholder="yyyy-MM-dd" required>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">提升高度（M）：</label>
				<div class="col-sm-6">
					<input id="promoteHeight"  placeholder="请输入提升高度" name="promoteHeight" th:field="*{promoteHeight}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>下次年检日期：</label>
				<div class="col-sm-6">
					<div class="input-group date">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input id="nextAnnualDate" name="nextAnnualDate" th:field="*{nextAnnualDate}" type="text" class="form-control" placeholder="yyyy-MM" required>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>拽引机功率（KW）：</label>
				<div class="col-sm-6">
					<input id="tractorPower" placeholder="请输入拽引机功率（KW）" name="tractorPower" th:field="*{tractorPower}" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">层数：</label>
				<div class="col-sm-6">
					<input id="layerNum" placeholder="请输入层数" name="layerNum" th:field="*{layerNum}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">停靠站数（站）：</label>
				<div class="col-sm-6">
					<input id="standingNum" placeholder="请输入停靠站数（站）" name="standingNum" th:field="*{standingNum}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">标准楼层高度（m）：</label>
				<div class="col-sm-6">
					<input id="standardFloorHeight" placeholder="请输入标准楼层高度（m）" name="standardFloorHeight"  th:field="*{standardFloorHeight}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>限速器下次年检日期：</label>
				<div class="col-sm-6">
					<div class="input-group date">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input id="speedGovernor" name="speedGovernor" th:field="*{speedGovernor}" type="text" class="form-control" placeholder="yyyy-MM" required>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>特种设备使用登记证编号：</label>
				<div class="col-sm-6">
					<input id="specialEquipmentCode" placeholder="请输入特种设备使用登记证编号" name="specialEquipmentCode" th:field="*{specialEquipmentCode}" class="form-control" type="text" required>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label"><span style="color: red; ">*</span>发证日期：</label>
				<div class="col-sm-6">
					<div class="input-group date">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input id="issueDate" name="issueDate" th:field="*{issueDate}" type="text" class="form-control" placeholder="yyyy-MM" required>
					</div>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">特种设备使用登记证：</label>
				<div class="col-sm-6">
					<input id="specialEquipmentRegistration" placeholder="请输入特种设备使用登记证" name="specialEquipmentRegistration" th:field="*{specialEquipmentRegistration}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">电梯监督检验报告编号：</label>
				<div class="col-sm-6">
					<input id="inspectionReportNum" placeholder="请输入电梯监督检验报告编号" name="inspectionReportNum" th:field="*{inspectionReportNum}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">电梯监督检验报告：</label>
				<div class="col-sm-6">
					<input id="inspectionReport" placeholder="请输入电梯监督检验报告" name="inspectionReport" th:field="*{inspectionReport}" class="form-control" type="text">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-3 control-label">特种设备使用标志：</label>
				<div class="col-sm-6">
					<input id="specialEquipmentUseFlag" placeholder="请输入特种设备使用标志" name="specialEquipmentUseFlag" th:field="*{specialEquipmentUseFlag}" class="form-control" type="text">
				</div>
			</div>
		</form>
	</div>
    <div th:include="include::footer"></div>
	<th:block th:include="include :: datetimepicker-js" />
    <script type="text/javascript">
		var prefix = ctx + "business/elevatorInfo"
		$("#form-elevatorInfo-edit").validate({
			rules:{
				xxxx:{
					required:true,
				},
			}
		});

		$(function () {
			/* 日期控件 */
			layui.use('laydate', function() {
				var laydate = layui.laydate;
				laydate.render({
					elem: '#installationDate',
					type: 'date'
				});
				laydate.render({
					elem: '#nextAnnualDate',
					type: 'date'
				});
				laydate.render({
					elem: '#speedGovernor',
					type: 'month'
				});
				laydate.render({
					elem: '#issueDate',
					type: 'month'
				});
			});
		});

		function submitHandler() {
	        if ($.validate.form()) {
	            $.operate.save(prefix + "/edit", $('#form-elevatorInfo-edit').serialize());
	        }
	    }
	</script>
</body>
</html>
